<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="js/need/layer.css">
		<link rel="stylesheet" href="css/all-wap.css">
		<link rel="stylesheet" href="css/type-wap.css">
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/layer.js"></script>
		<title>优播</title>
	</head>

	<body>
		<div class="pet_mian">
			<!--header-->
			<header class="am-header i-top">
				<div class="am-header-left am-header-nav logo">
					<a href="">

						<img src="images/logo.png">
					</a>
				</div>

				<div class="am-header-right am-header-nav i-top-pic">
					<a href="">
						<img src="images/fdj.png">
					</a>
					<a href="">
						<img src="images/user.png">
					</a>
				</div>
			</header>

			<nav class="am-menu  am-menu-default header-menu">
				<ul class="am-menu-nav am-avg-sm-5 i-nav">
					<li>
						<a href="">首页</a>
					</li>
					<li class="i-active">
						<a href="">优播</a>
					</li>
					<li>
						<a href="">视频</a>
					</li>
					<li>
						<a href="">图库</a>
					</li>
					<li>
						<a href="">天梯</a>
					</li>
				</ul>
			</nav>
			<!--header-->
			<!--banner -->
			<div class="pet_circle-new" style="position: relative; margin-bottom: 0;margin-top: 96px;">
				<div class="pet_grzx">
					<a href="youbo.html"><img src="images/host/fh.png">素年锦时的主页</a>
					<span class="pet_grzx-num"><img src="images/host/tp.png">9863人气</span>
				</div>
				<div class="pet_grzx-per">
					<div class="pet_grzx-pic">
						<div class="pet_grzx-img">
							<img src="images/host/pic.jpg">
						</div>
						<h2>素年锦时<img src="images/host/girl.png"></h2>
						<span>汇聚银河里所有的光，就成了我。</span>
						<button class="h-zbpt">虎牙直播</button>
					</div>
				</div>
			</div>
			<div class="pet_grzx-hd">
				<div class="am-list-hd-bd">
					<ul class="am-list h-lx">

						<li class="am-g am-list-item-dated">
							<span class="h-title">主播互动</span>
							<ul>
								<li>
									<img src="images/host/kj.png" class="h-kj">
									<script>
									$('.h-kj').on('click', function() {
										layer.open({
										title: [
											'微博：素年锦时',
											'background-color:#fff; color:#000;text-align: center;font-size: 1.8rem;border-bottom: 1px #ccc solid ; margin-bottom: 0;'
										],
										anim: 'up',
										className: 'h-cont',
										content: '',
										btn: ['复制', '取消'],
										yes: function(index, layero) {
											layer.open({
											      content: '复制成功'										     
											      ,time: 2
											      ,skin: 'msg' ,
											      style: 'border:none; background:rgba(0,0,0,.3);',
											    });
										}
									});
										});
									</script>
								</li>
								<li>
									<img src="images/host/wb.png" class="h-wb">
								</li>
								<li>
									<img src="images/host/qq.png" class="h-qq">
								</li>
								<li>
									<img src="images/host/rr.png" class="h-rr">
								</li>
								<li>
									<img src="images/host/wx.png" class="h-wx">
								</li>
							</ul>
						</li>
						<li class="am-g am-list-item-dated">
							<span class="h-title">擅长游戏</span>
							<dl class="tab h-tab">
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
							</dl>
							<div class="h-more">
								<a href=""><img src="images/host/more.png"></a>
							</div>
						</li>
						<li class="am-g am-list-item-dated">
							<span class="h-title">魅力排名</span>
							<p>总排名
								<a href="">第三 </a>
							</p>
							<p>炉石传说区
								<a href="">第一</a>
							</p>
							<div class="h-more">
								<a href=""><img src="images/host/more.png"></a>
							</div>
						</li>
					</ul>
				</div>
				<ul class="am-gallery am-avg-sm-2 am-gallery-default i-rq">
					<li style="width: 47%;">
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" />
								<h3 class="h-pic"><img src="images/host/dsj.png">艾欧尼亚第一狐狸 </h3>
							</a>
							<span class="i-bfj"><img src="images/index/bfj.png"></span>
						</div>
					</li>
					<li style="width: 47%;">
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" />
								<h3 class="h-pic"><img src="images/host/dsj.png">艾欧尼亚第一狐狸</h3>
							</a>
							<span class="i-bfj"><img src="images/index/bfj.png"></span>
						</div>

					</li>
					<div class="h-more" style="line-height: 108px;">
						<a href=""><img src="images/host/more.png"></a>
					</div>
				</ul>

				<div class="am-titlebar-default y-tk">
					<span>
        素年锦时的图库
    </span>

					<div class="h-more">
						<a href=""><img src="images/host/more.png"></a>
					</div>
				</div>
				<ul class="am-gallery am-avg-sm-3 am-gallery-default">
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" />
							</a>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" />
							</a>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<a href="">
								<img src="images/index/bg1.jpg" />
							</a>
						</div>
					</li>
				</ul>
				<ul class="am-gallery am-avg-sm-2 am-gallery-default">
					<li>
						<div class="am-gallery-item">
							<button class="h-btn-l">关注主播</button>
							<script>
								$('.h-btn-l').on('click', function() {
									layer.open({
										content: '成功关注主播',
										skin: 'msg',
										time: 2 //2秒后自动关闭
									});
								});
							</script>
						</div>
					</li>
					<li>
						<div class="am-gallery-item">
							<button class="h-btn-r">为主播投票</button>
							<script>
								$('.h-btn-r').on('click', function() {
									layer.open({
										title: [
											'请选择支持的主播',
											'background-color:#fff; color:#000;text-align: left;font-size: 1.8rem;border-bottom: 1px #ccc solid'
										],
										anim: 'up',
										className: 'y-check-tp',
										content: '<div ><ul class="am-list"><li><label class="am-checkbox" style="text-align: left;"> <input type="checkbox" data-am-ucheck>素年锦时</label><div><div class="am-progress"><div class="am-progress-bar" style="width: 30%"></div></div><span class="y-bfb">21票 (16%)</span></div></li></ul></div>',
										btn: ['投票', '取消'],
										yes: function(index, layero) {
											      layer.open({
											      content: '谢谢参与！'										     
											      ,time: 2
											      ,skin: 'msg' ,
											      style: 'border:none; background:rgba(0,0,0,.3);',
											    });
										}
									});
								});
							</script>
						</div>
					</li>
				</ul>
			</div>

			<div class="pet_circle-new">
				<div class="am-titlebar am-titlebar-default i-list">
					<h2 class="i-list-pic">
					<img src="images/youbo/zl.png">
                                 素年锦时发表的文章
                </h2>

					<nav class="am-titlebar-nav">
						<a href="" class="he-more">更多 <strong>
						<img src="images/index/jt.png"></strong></a>
					</nav>
				</div>
				<div data-am-widget="list_news" class="am-list-news am-list-news-default">
					<!--列表标题-->
					<div class="am-list-news-hd i-game-title">
						<!--带更多链接-->
						<h2>话题</h2>
						<span class="am-list-news-more">作者</span>
						<span class="am-list-news-more">回应 </span>
					</div>

					<div class="am-list-news-bd">
						<ul class="am-list i-game-new">

							<li class="am-g am-list-item-dated">
								<a href="">我很囧，你保重....晒晒旅行中的那些囧！</a>

								<span><a href="">爆浆芝士</a></span>
								<span>200</span>

							</li>
							<li class="am-g am-list-item-dated">
								<a href="">我最喜欢的一张画 </a>

								<span>爆浆芝士</span>
								<span>200</span>

							</li>
							<li class="am-g am-list-item-dated">
								<a href="">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a>

								<span>爆浆芝士</span>
								<span>200</span>

							</li>
						</ul>
					</div>

				</div>
			</div>
			<!--banner -->
			<div class="pet_circle-new" style="margin-bottom: 50px;">
				<div class="news-sort am-g">
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg">
						<img src="images/news/fire-white.png"> 精彩推荐
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-v">
						<img src="images/news/game-v.png"> 游戏视频
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-strategy">
						<img src="images/news/game-s.png"> 游戏攻略
					</a>
				</div>
			</div>
			</div>
			<!--菜单-->
			<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
				<ul class="am-navbar-nav am-cf am-avg-sm-4 i-footer">
					<li>
						<a href="">
							<img src="images/news.png" alt="新闻" />
							<span class="am-navbar-label">新闻</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tj.png" alt="推荐" />
							<span class="am-navbar-label">推荐</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tv.png" alt="直播" />
							<span class="am-navbar-label">直播</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/wo.png" alt="我" />
							<span class="am-navbar-label">我</span>
						</a>
					</li>
				</ul>
			</div>
			<!--菜单-->
		</div>
	</body>

</html>